<!--竖向滚动条-->
<template>
  <el-scrollbar class="page-scroll" :class="{ 'scroll-show': scrollShow, 'scrollY-show': scrollShowX }">
    <slot></slot>
  </el-scrollbar>
</template>

<script>
export default {
  name: 'scroll',
  props: {
    scrollShow: Boolean, // 滚动条是否显示
    scrollShowX: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style lang="scss">
.page-scroll {
  height: 100%;
}
.scroll-show {
  .is-vertical {
    opacity: 1;
  }
  /deep/ .is-horizontal {
    display: none;
  }
}
.scrollY-show {
  /deep/ .el-scrollbar__wrap {
    overflow-x: hidden;
  }
}
</style>
